<template>
  <a-spin :spinning="spinning != 0">
    <a-form :form="form"
            layout="horizontal"
            :hideRequiredMark="false"
            style="">
    <a-row class="grid-row">
        <a-col v-bind="colLayout2.cols" class="grid-col">
            <a-form-item label="文件详情" :label-col="colLayout2.labelCol" :wrapper-col="colLayout2.wrapperCol">
    <UploadFile
             :disabled="disabledRules.fileDesc"
              :record="uploadFileOptions.fileDesc"
    v-decorator="['fileDesc', validatorRules.fileDesc]"
            />
            </a-form-item>
        </a-col>
    </a-row>
    </a-form>
  </a-spin>
</template>

<script>

  import {FormMixin} from '@/mixins/FormMixin'
  import {GardLayoutMixin} from '@/mixins/GardLayoutMixin'
  import UploadFile from '@/views/eform/modules/designer/packages/UploadFile'
  import YchConstant from '@/api/YchConstant'
  export default {
    name: "FilePreviewFormModal",
    mixins: [FormMixin,GardLayoutMixin],
    components: {
      UploadFile,
    },
    data() {
      return {
        validatorRules: {
    fileDesc: {
        rules: []
    },
        },
        disabledRules: {
    fileDesc: false,
        },
        dictConfig: {},
        optionConfig: {},
        url: {
          queryById: YchConstant.PREFIX_SYSTEM + '/demo/filepreview/queryById',
          add: YchConstant.PREFIX_SYSTEM +"/demo/filepreview/add",
          edit: YchConstant.PREFIX_SYSTEM +"/demo/filepreview/edit",
        },
        uploadImgOptions:{

        },
        uploadFileOptions:{
    fileDesc:
        {
            options:
                {
                      defaultValue: "",
                      multiple: false,
                      disabled:false,
                      bizPath: "",
                      limit: 1,
                      drag: false,
                },
        },
        },
        checkBoxOptions:{

        },
      }
    },
    methods: {
    },
    watch: {
      editableList: {
        handler () {
          this.editableModel()
        },
        immediate: true
      }
    }
  }
</script>
